<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title id="page-title">Silobox Project Runner - JavaScript Benchmarking and Performance Analysis</title>
	<script src="src/sb2.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="css/sb.css" type="text/css" charset="utf-8" />
	<link rel="stylesheet" href="css/sb-print.css" media="print" type="text/css" charset="utf-8" />
</head>

<body onload="sbmain();">
	<a id="top"></a>
	<div id="page">
		
		<div class="header">
			<h1>
				<a href="runner.htm">
					Silobox
				</a>
			</h1>
		
			<h2 id="status">
			</h2>
		</div>

		<div id="request-project-panel" class="start-hidden">
			
			<h3>
				Tell me where to find the project file 
			</h3>
			<form method="get" id="set-project-form">
				<input type="text" name="p" class="file-path" id="projcet-file-path" />
				<p class="help">
					Enter a local filename or URL of the test you want to run (<a target="_blank" title="Visit the Silobox Projects website for more tests to run" href="http://code.google.com/p/silobox-projects/wiki/Projects">find projects</a>)
				</p>
				<input type="submit" value="View project &gt;&gt;" class="go" id="view-project-button" />
				<input type="submit" value="Start Test" class="go" id="begin-buttom" />
			</form>
			
			<div class="options">
				<p>
					Or try one of these samples:
				</p>
				<ul>
					<li>
						<a href="runner.htm?p=samples/loops.silobox.js">Loops</a>
					</li>
					<li>
						<a href="runner.htm?p=samples/nested-objects.silobox.js">Nested Objects</a>
					</li>
				</ul>
			</div>
			<div class="options">
				<p>
					Visit the <a href="http://code.google.com/p/silobox/">Silobox project homepage</a>
				</p>
			</div>
		</div>

		<div id="project-summary" class="start-hidden">
			
			<h3 id="project-title" class="c"></h3>
			<p id="project-description" class="c"></p>
			<span id="user-agent"></span>
			
			<p class="c">
				<strong>Reps: </strong><span id="project-reps" class="detail"></span>
				<strong>Iterations: </strong><span id="project-iterations" class="detail"></span>
				<strong>Tests: </strong><span id="project-test-count" class="detail"></span>
			</p>
		
			<!-- button to start test -->
			<form method="GET" class="dont-print">
				<input type="hidden" name="p" value="" id="project-hidden-input" />
				<input type="hidden" name="s" value="1" />
				<input type="submit" value="Start Test" id="begin-button" class="go" />
			</form>
			
		</div>
		
		<div id="project-details" class="start-hidden">
					
			<h4>
				Tests
			</h4>
			<ol id="project-test-details">
				
			</ol>
			
			<ul>
				<li>
					<a href="#top">Scroll up</a> to run these tests
				</li>
			</ul>
			
		</div>
		
		<div id="project-results" class="start-hidden">
		
			<h3>And the winner is&hellip;</h3>
			
			<div id="results-summary">
			</div>

			<h4>Breakdown</h4>
			
			
			
			<table class="results" cellspacing="0" cellpadding="0">
				<thead>
					<tr>
						<th></th>
						<th>
							Test
						</th>
						<th colspan="2">
						
							Time to complete <span id="reps-count">x</span> reps (ms)
							
						</th>
					</tr>
				</thead>
				<tbody id="results-table-body">
					
				</tbody>
				<tfoot>
					<tr>
						<td colspan="2">
							<!-- 
							<p>
								<a href="#">
									Show code
								</a>
							</p>
							 -->
						</td>
						<td colspan="2">
							<div class="legend">
								<div class="min">
								</div>
								<div id="min-value">
								</div>
								<div class="to">
									-
								</div>
								<div class="top">
								</div>
								<div id="top-value">
								</div>
								<div class="to">
									-
								</div>
								<div id="max-value">
									0 ms
								</div>
								<div class="max">
								</div>
							</div>
						</td>
					</tr>
				</tfoot>
			</table>
			
			<h3>
				More options
			</h3>
			<ul>
				<li>
					<a id="get-short-url-link" href="http://bit.ly/?url=">
						Get results page as short URL
					</a>
				</li>
			</ul>
					
		</div>
		
		<div class="footer options">
			<p>
				version 2.0.5
			</p>
		</div>
		
	</div>

</body>
</html>